<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>欢迎页面-小螺号</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
   <script type="text/javascript" src="js/jquery.min.js" ></script>
    <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <script type="text/javascript" src="js/orderlist.js" ></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <style>
  	.close_reason{ font-size: 14px; padding: 20px;}
  	.close_reason h2{font-size: 18px;padding: 0px 0px 20px;}
  	.close_reason label{ display: block; padding: 10px 0px; font-size: 14px;}
    .close_reason label input{ font-size: 16px; margin-right: 10px; }
  	.submit-btn{ position: absolute; bottom:20px; left: 0px; right:0px;}
  	/*弹出层样式*/
  	.black_overlay {display: none;position: absolute;top: 0%;left: 0%;width:100%;height: 100%;background-color: black;z-index: 1001;-moz-opacity: 0.5;opacity: .50;filter: alpha(opacity=50);}
		.white_content {display: none;position: absolute;top: 10%;left: 40%;width: 20%;height: 60%;border: 2px solid #eee;border-radius: 5px;background-color: white;z-index: 1002;overflow: auto;}
    .yh-select-con {padding-left: 30px;}
  </style>
  <script>
  	$(function){
  		var timestamp = Date.parse(new Date()).Format("yyyy-MM-dd");
  		alert(timestamp);
  	}
  </script>
  
  <body>
  	<!--弹出层-->
  	<div id="fade" class="black_overlay"></div>
		<div id="MyDiv" class="white_content">
			<div style="text-align: right; cursor: default; height: 40px;" id="move">
				<span style="font-size: 16px; margin:10px 5px;" onclick="CloseDiv('MyDiv','fade')" class="ccolse"><img src="images/close-or.png"/></span>
			</div>
			<form action="" method="get" class="close_reason"> 
			<h2>订单关闭原因</h2>
			<label><input name="close_reason" type="radio" value="" />原因一： </label>
			<label><input name="close_reason" type="radio" value="" />原因二：  </label> 
			<label><input name="close_reason" type="radio" value="" />原因三：  </label> 
			<label><input name="close_reason" type="radio" value="" />原因四： </label> 
		
			<p style="text-align: center;" class="submit-btn">
				<a href="javascript:;" class="layui-btn">确定关闭订单</a>
			</p>
			</form> 
		</div>
  	
  	
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">订单管理</a>
        <a>
          <cite>订单列表</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
      <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so">
          <input class="layui-input" placeholder="开始日" name="start" id="start">
          <input class="layui-input" placeholder="截止日" name="end" id="end">
          <div class="layui-input-inline">
            <select name="contrller">
              <option>支付状态</option>
              <option>已支付</option>
              <option>未支付</option>
            </select>
          </div>
          <div class="layui-input-inline">
            <select name="contrller">
              <option>支付方式</option>
              <option>支付宝</option>
              <option>微信</option>
              <option>货到付款</option>
            </select>
          </div>
          <div class="layui-input-inline">
            <select name="contrller">
              <option value="">订单状态</option>
              <option value="0">待确认</option>
              <option value="1">已确认</option>
              <option value="2">已收货</option>
              <option value="3">已取消</option>
              <option value="4">已完成</option>
              <option value="5">已作废</option>
            </select>
          </div>
          <input type="text" name="username"  placeholder="请输入订单号" autocomplete="off" class="layui-input">
          <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
        </form>
      </div>
      <xblock>
        <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
        <button class="layui-btn layui-btn-danger" onclick="printAll()"><i class="layui-icon layui-icon-list"></i>批量打印订单</button>
        <button class="layui-btn" onclick="x_admin_show('选择要导出的字段','./orderlist-Export.html',800,400)"><i class="layui-icon"></i>我要导出订单</button>
        <span class="x-right" style="line-height:40px">共有数据：88 条</span>
      </xblock>
      <table class="layui-table" style=" display: none;">
        <thead>
          <tr>
            <th>
              <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>
            </th>
            <th>订单编号</th>
            <th>收货人</th>
            <th>收货地址</th>
            <th>联系方式</th>
            <th>总金额</th>
            <th>应付金额</th>
            <th>订单状态</th>
            <th>支付状态</th>
            <th>发货状态</th>
            <th>支付方式</th>
            <th>配送方式</th>
            <th>下单时间</th>
            <th >操作</th>
            </tr>
        </thead>
        <tbody>
          <tr>
            <td>
              <div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='2'><i class="layui-icon">&#xe605;</i></div>
            </td>
            <td>2017009171822298053</td>
            <td>老王:18925139194</td>
            <td>洛阳王城大道纱厂路交叉口2087号 5楼</td>
            <td>15824913360</td>
            <td>7829.10</td>
            <td>7854.10</td>
            <td>待确认</td>
            <td>未支付</td>
            <td>未发货</td>
            <td>其他方式</td>
            <td>申通物流</td>
            <td>2017-08-17 18:22</td>
            <td class="td-manage">
              <a title="查看"  onclick="x_admin_show('编辑','order-view.html')" href="javascript:;">
                <i class="layui-icon">&#xe63c;</i>
              </a>
              <a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">
                <i class="layui-icon">&#xe640;</i>
              </a>
            </td>
          </tr>
        </tbody>
      </table>
      
      
      
      
<table class="layui-table" lay-skin="line"  style="border:none;margin-bottom:30px;">
  <colgroup>
  	<col width="50">
    <col width="350">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
  </colgroup>
  <thead>
    <tr>
    	<th><input type="checkbox" class="check order-check" id="AllCheck"></th>
      <th>商品</th>
      <th>价格</th>
      <th>数量</th>
      <th>交易状态</th>
      <th>实收款</th>
      <th>售后</th>
      <th>评价</th>
      <th>打印</th>
      <th>订单状态</th>
    </tr> 
  </thead>
</table>   


<table class="layui-table order-group-item" lay-skin="line" style="margin-bottom: 30px;">
  <colgroup>
  	<col width="50">
    <col width="350">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
  </colgroup>
  <thead>
    <tr>
    	<th>
         <input type="checkbox" class="check order-check orderCheck">
      </th>
      <th><b>2018-5-28&nbsp;&nbsp;&nbsp;&nbsp;订单号：</b>410826199001100527</th>
      <th>单价</th>
      <th>数量</th>
      <th>交易状态</th>
      <th>实收款</th>
      <th>售后</th>
      <th>评价</th>
      <th>打印</th>
      <th>订单状态</th>
    </tr> 
  </thead>
  <tbody>
    <tr class="order-info">
    	<td>
        <input type="checkbox" class="check order-check orderliCheck">
      </td>
      <td><a href="">天方香酥米 干吃面 零食 整箱30g*50包点心面碎碎面 香酥米</a></td>
      <td>￥22.80</td>
      <td>1</td>
      <td><p>交易成功</p><p>订单详情</p><p><a href="">查看物流</a></p></td>
      <td>￥22.80<p style="color:#999;">(含快递费5:00)</p></td>
      <td>1989-10-14</td>
      <td>人生似修行</td> 
      <td> <button class="layui-btn layui-btn-radius layui-btn-xs layui-btn-warm" style="padding:0px 20px; height:30px; line-height: 30px;">打印</button></td> 
      <td> <button class="layui-btn layui-btn-radius layui-btn-xs layui-btn-danger  order-close-btn" style="padding:0px 20px; height:30px; line-height: 30px;">关闭订单</button></td> 
    </tr>
    <tr class="order-info">
    	<td>
        <input type="checkbox" class="check order-check orderliCheck">
      </td>
      <td><a href="">天方香酥米 干吃面 零食 整箱30g*50包点心面碎碎面 香酥米</a></td>
      <td>￥22.80</td>
      <td>1</td>
      <td><p>交易成功</p><p>订单详情</p></td>
      <td>￥22.80<p style="color:#999;">(含快递费5:00)</p></td>
      <td>1989-10-14</td>
      <td>人生似修行</td> 
      <td> <button class="layui-btn layui-btn-radius layui-btn-xs layui-btn-warm" style="padding:0px 20px; height:30px; line-height: 30px;">打印</button></td> 
      <td> <button class="layui-btn layui-btn-radius layui-btn-xs layui-btn-danger  order-close-btn" style="padding:0px 20px; height:30px; line-height: 30px;">关闭订单</button></td> 
    </tr>
  </tbody>
</table>

<table class="layui-table order-group-item" lay-skin="line" style="margin-bottom: 30px;">
  <colgroup>
  	<col width="50">
    <col width="350">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
     <col width="150">
  </colgroup>
  <thead>
    <tr>
    	<th>
         <input type="checkbox" class="check order-check orderCheck">
      </th>
      <th><b>2018-5-28&nbsp;&nbsp;&nbsp;&nbsp;订单号：</b>410826199001100527</th>
      <th>单价</th>
      <th>数量</th>
      <th>交易状态</th>
      <th>实收款</th>
      <th>售后</th>
      <th>评价</th>
      <th>打印</th>
      <th>订单状态</th>
    </tr> 
  </thead>
  <tbody>
    <tr class="order-info">
    	<td>
        <input type="checkbox" class="check order-check orderliCheck">
      </td>
      <td><a href="">天方香酥米 干吃面 零食 整箱30g*50包点心面碎碎面 香酥米</a></td>
      <td>￥22.80</td>
      <td>1</td>
      <td><p>交易成功</p><p>订单详情</p></td>
      <td>￥22.80<p style="color:#999;">(含快递费5:00)</p></td>
      <td>1989-10-14</td>
      <td>人生似修行</td> 
      <td> <button class="layui-btn layui-btn-radius layui-btn-xs layui-btn-warm" style="padding:0px 20px; height:30px; line-height: 30px;">打印</button></td> 
      <td> <button class="layui-btn layui-btn-radius layui-btn-xs layui-btn-danger  order-close-btn" style="padding:0px 20px; height:30px; line-height: 30px;">关闭订单</button></td> 
    </tr>
    <tr class="order-info">
    	<td>
        <input type="checkbox" class="check order-check orderliCheck">
      </td>
      <td><a href="">天方香酥米 干吃面 零食 整箱30g*50包点心面碎碎面 香酥米</a></td>
      <td>￥22.80</td>
      <td>1</td>
      <td><p>交易成功</p><p>订单详情</p></td>
      <td>￥22.80<p style="color:#999;">(含快递费5:00)</p></td>
      <td>1989-10-14</td>
      <td>人生似修行</td> 
      <td> <button class="layui-btn layui-btn-radius layui-btn-xs layui-btn-warm" style="padding:0px 20px; height:30px; line-height: 30px;">打印</button></td> 
       <td> <button class="layui-btn layui-btn-radius layui-btn-xs layui-btn-danger  order-close-btn" style="padding:0px 20px; height:30px; line-height: 30px;">关闭订单</button></td> 
    </tr>
  </tbody>
</table>


<table class="layui-table order-group-item" lay-skin="line" style="margin-bottom: 30px;">
  <colgroup>
  	<col width="50">
    <col width="350">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
  </colgroup>
  <thead>
    <tr>
    	<th>
         <input type="checkbox" class="check order-check orderCheck">
      </th>
      <th><b>2018-5-28&nbsp;&nbsp;&nbsp;&nbsp;订单号：</b>410826199001100527</th>
      <th>单价</th>
      <th>数量</th>
      <th>交易状态</th>
      <th>实收款</th>
      <th>售后</th>
      <th>评价</th>
      <th>打印</th>
      <th>打印</th>
    </tr> 
  </thead>
  <tbody>
    <tr class="order-info">
    	<td>
        <input type="checkbox" class="check order-check orderliCheck">
      </td>
      <td><a href="">天方香酥米 干吃面 零食 整箱30g*50包点心面碎碎面 香酥米</a></td>
      <td>￥22.80</td>
      <td>1</td>
      <td><p>交易成功</p><p>订单详情</p></td>
      <td>￥22.80<p style="color:#999;">(含快递费5:00)</p></td>
      <td>1989-10-14</td>
      <td>人生似修行</td> 
      <td> <button class="layui-btn layui-btn-radius layui-btn-xs layui-btn-warm" style="padding:0px 20px; height:30px; line-height: 30px;">打印</button></td> 
      <td> <button class="layui-btn layui-btn-radius layui-btn-xs layui-btn-danger  order-close-btn" style="padding:0px 20px; height:30px; line-height: 30px;">关闭订单</button></td> 
    </tr>
    <tr class="shop-info">
    	<td>
        <input type="checkbox" class="check order-check orderliCheck">
      </td>
      <td><a href="">天方香酥米 干吃面 零食 整箱30g*50包点心面碎碎面 香酥米</a></td>
      <td>￥22.80</td>
      <td>1</td>
      <td><p>交易成功</p><p>订单详情</p></td>
      <td>￥22.80<p style="color:#999;">(含快递费5:00)</p></td>
      <td>1989-10-14</td>
      <td>人生似修行</td> 
      <td> <button class="layui-btn layui-btn-radius layui-btn-xs layui-btn-warm" style="padding:0px 20px; height:30px; line-height: 30px;">打印</button></td> 
      <td> <button class="layui-btn layui-btn-radius layui-btn-xs layui-btn-danger  order-close-btn" style="padding:0px 20px; height:30px; line-height: 30px;">关闭订单</button></td> 
    </tr>
    <tr class="shop-info">
    	<td>
        <input type="checkbox" class="check order-check orderliCheck">
      </td>
      <td><a href="">天方香酥米 干吃面 零食 整箱30g*50包点心面碎碎面 香酥米</a></td>
      <td>￥22.80</td>
      <td>1</td>
      <td><p>交易成功</p><p>订单详情</p></td>
      <td>￥22.80<p style="color:#999;">(含快递费5:00)</p></td>
      <td>1989-10-14</td>
      <td>人生似修行</td> 
      <td> <button class="layui-btn layui-btn-radius layui-btn-xs layui-btn-warm" style="padding:0px 20px; height:30px; line-height: 30px;">打印</button></td> 
      <td> <button class="layui-btn layui-btn-radius layui-btn-xs layui-btn-danger  order-close-btn" style="padding:0px 20px; height:30px; line-height: 30px;" onclick="ShowDiv('MyDiv','fade')">关闭订单</button></td> 
    </tr>
  </tbody>
</table>


</div>
    <script>
      layui.use('laydate', function(){
        var laydate = layui.laydate;
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });


				laydate.render({
				  elem: '#end'
				  ,value: '2017-09-10'
				  ,show:true
				  ,isInitValue: true //是否允许填充初始值，默认为 true
				});
        //执行一个laydate实例
       /* laydate.render({
          elem: '#end' //指定元素
        });*/
      });

       /*用户-停用*/
      function member_stop(obj,id){
          layer.confirm('确认要停用吗？',function(index){

              if($(obj).attr('title')=='启用'){

                //发异步把用户状态进行更改
                $(obj).attr('title','停用')
                $(obj).find('i').html('&#xe62f;');

                $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
                layer.msg('已停用!',{icon: 5,time:1000});

              }else{
                $(obj).attr('title','启用')
                $(obj).find('i').html('&#xe601;');

                $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
                layer.msg('已启用!',{icon: 5,time:1000});
              }
              
          });
      }

      /*用户-删除*/
      function member_del(obj,id){
          layer.confirm('确认要删除吗？',function(index){
              //发异步删除数据
              $(obj).parents("tr").remove();
              layer.msg('已删除!',{icon:1,time:1000});
          });
      }


      function delAll (argument) {

        var data = order_tableCheck.getData();
  
        layer.confirm('确认要删除吗？'+data,function(index){
            //捉到所有被选中的，发异步进行删除
            layer.msg('删除成功', {icon: 1});
            $(".layui-form-checked").not('.header').parents('tr').remove();
        });
      }
    </script>
    
    <script>
		//弹出隐藏层
		function ShowDiv(show_div, bg_div) {
			document.getElementById(show_div).style.display = 'block';
			document.getElementById(bg_div).style.display = 'block';
			var bgdiv = document.getElementById(bg_div);
			bgdiv.style.width = document.body.scrollWidth;
			// bgdiv.style.height = $(document).height();
			$("#" + bg_div).height($(document).height());
		};
		//关闭弹出层
		function CloseDiv(show_div, bg_div) {
			document.getElementById(show_div).style.display = 'none';
			document.getElementById(bg_div).style.display = 'none';
		};
		//关闭订单
    	   $(".submit-btn a").click(function(){
    	   	
    	   	
    	   	  var val=$('input:radio[name="close_reason"]:checked').val();
    	   	  if(val==null){
                //alert("请选择关闭订单原因!"); 
                layer.msg('请选择关闭订单原因!',{icon: 5,time:1000});
                return false;
            }
            else{
                CloseDiv('MyDiv','fade');//提交成功后关闭弹出框
                layer.msg('成功关闭订单!',{icon: 5,time:1000});
            }

    	   	//这里写提交方法
    	    
    	    $(".order-close-btn").addClass("layui-btn-disabled").html("已关闭订单");

    	   });
  	
		
	</script>
    
  </body>

</html>